extends ../wechat/wechat

block content
    style.
        .hd{
            padding: 2em 0;
        }
        .page_title{
            text-align:center;
            font-size:30px;
            color: #3cc51f;
            font-weight: 400;
            margin: 0 15%;
        }
    .page
        .hd
            h1.page_title= movie.title
            h2 #{user.name}
        .bd
            .weui_cells_title 电影介绍
            .weui_cells
                .weui_cell
                    .weui_cell_bd.weui_cell_primary
                        p 电影名字
                    .weui_cell_ft=movie.title
                .weui_cell
                    .weui_cell_bd.weui_cell_primary
                        p 国家
                    .weui_cell_ft=movie.country
                .weui_cell
                    .weui_cell_bd.weui_cell_primary
                        p 语言
                    .weui_cell_ft=movie.language
                .weui_cell
                    .weui_cell_bd.weui_cell_primary
                        p 上映年份
                    .weui_cell_ft=movie.year
            .weui_cells
                section
                    img(src="#(movie.poster)",style="width:100%;")
        ul.media-list
          if comments && comments.length>0
            each item in comments
              li.media
                .pull-left
                  a.comment(href="#comments", data-cid="#{item._id}", data-tid="#{item.from._id}")
                    img.media-object(src="", style="width: 64px; height: 64px;")
                .media-body
                  h4.media-heading #{item.from.name}
                  p #{item.content}
                  if item.reply && item.reply.length > 0
                    each reply in item.reply
                      .media
                        .pull-left
                          a.comment(href="#comments", data-cid="#{item._id}", data-tid="#{reply.from._id}")
                            img.media-object(src="", style="width: 64px; height: 64px;")
                        .media-body
                          h4.media-heading
                            | #{reply.from.name}
                            span.text-info &nbsp;回复&nbsp;
                            | #{reply.to.name}:
                          p #{reply.content}
                hr
        #comments
          form#commentForm(method="POST", action="/user/comment")
            input(type="hidden", name="comment[movie]", value="#{movie._id}")
            input(type="hidden", name="comment[from]", value="#{user._id}")
            input#toid(type="hidden", name="comment[tid]")
            input#commentId(type="hidden", name="comment[cid]")
            .form-group
              textarea.form-control(name="comment[content]", row="3")
            button#submit.btn.btn-primary(type='submit') 提交
    script.
      $(function() {
        $('.comment').click(function(e) {
          var target = $(this)
          var toId = target.data('tid')
          var commentId = target.data('cid')
          $('#toId').val(toId)
          $('#commentId').val(commentId)
        })
        $("#submit").click(function(e){
          e.preventDefault()
          $.ajax({
            type:'post',
            data: $('#commentForm').serialize(),
            url: '/user/comment'
          }).done(function(results){
            if(results.success == 1){
              window.location.reload()
            }
          })
        })
      })